<template>
  <el-container class="h-100">
    <el-aside class="aside-menu" width="180px" style="background-color: #FFFFFF">
      <el-menu
        class="h-100"
        background-color="#FFFFFF"
        text-color="#333333"
        active-text-color="#1976D2"
        :default-active="$route.name"
        @select="index => this.$router.push({name: index})"
      >
        <el-menu-item index="overall-progress">
          <svg-icon icon-class="tongji4"></svg-icon>
          <span slot="title">外业总体进度监管</span>
        </el-menu-item>
        <el-menu-item index="works-chedule">
          <svg-icon icon-class="tongji1"></svg-icon>
          <span slot="title">外网作业过程监管</span>
        </el-menu-item>
        <el-menu-item index="lifecycle">
          <svg-icon icon-class="shengmingzhouqi"></svg-icon>
          <span slot="title">图斑生命周期监管</span>
        </el-menu-item>
        <el-menu-item index="work-statistics">
          <svg-icon icon-class="tongji3"></svg-icon>
          <span slot="title">外网核查工作监管</span>
        </el-menu-item>
        <el-menu-item index="assessor-statis">
          <svg-icon icon-class="tongji2"></svg-icon>
          <span slot="title">外业审核进度监管</span>
        </el-menu-item>
        <el-menu-item index="qutsideQuality">
          <svg-icon icon-class="renyuantongji"></svg-icon>
          <span slot="title">外业人员工作质量</span>
        </el-menu-item>
      </el-menu>
    </el-aside>
    <el-main class="bg-gray p-0">
      <transition name="fade-transform" mode="out-in">
        <!-- <keep-alive> -->
          <router-view />
        <!-- </keep-alive> -->
      </transition>
    </el-main>
  </el-container>
</template>
<script>
export default {
  name: "statisticsmanager",
  title: "统计",
  data() {
    return {};
  }
};
</script>
<style lang='scss'>
  #user-container {
    > div {
      width: 100%;
    }
  }
</style>